<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员界面</title>
</head>
<body>
<div id="app">
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
        <el-menu-item index="1"  @click="handle1">统计记录</el-menu-item>
        <el-menu-item index="2"  @click="handle2">坐诊信息</el-menu-item>
        <el-menu-item index="3" @click="handle3">医生坐诊</el-menu-item>
<!--        <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>-->
    </el-menu>

    <div style="height: 1000px;">
        <iframe
                id="cIframe"
                class="c_iframe"
                name="cIframe"
                :src="iframeUrl"
                width="100%"
                height="1000px"
                frameborder="0"
        >

        </iframe>
    </div>


</div>

<script src="../js/vue.js"></script>
<script src="../element-ui/lib/index.js"></script>
<link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
<script src="../js/axios-0.18.0.js"></script>

<script>
    new Vue({
        el:"#app",
        data() {
            return{
                activeIndex: '1',
                iframeUrl:'adminFrame.html',
            }
        },

        methods:{
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            handle1() {
                this.iframeUrl = 'adminFrame.html'
            },
            handle2() {
                this.iframeUrl ='addDoctorSit.html'
            },
            handle3() {
                this.iframeUrl ='doctorSit.html'
            }

        }
    })
</script>

</body>
</html>